<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>天气新闻页面</title>
</head>
<body>
  <!-- 标题 -->
  <h1>北方高温明日达鼎盛 京津冀多地地表温度将超60℃</h1>
  <!-- 发布时间和来源 -->
  <p>2024年07月03日 16:34 来源：央视新闻</p>
  <!-- 正文内容 -->
  <p>中国天气网讯 今天（3日），北方高温范围继续扩大，预计下午至傍晚，京津冀、河南、山东、陕西等地部分地区将超过<br>
    35℃，局地地表温度将超60℃。</p>
  <p>高温红色预警已发布，预计未来3 - 5日，这一高温过程仍将持续。</p>
  <p>341个气象站创下历史同期最高气温纪录。</p>
  <p>今年，北方高温天气频繁，主要集中在6月下旬至7月初，覆盖范围广、强度大。预计未来几天，京津冀、河南、山东、山西、<br>
    陕西、内蒙古、辽宁、江苏、安徽、湖北、重庆等地仍将持续炎热，局地地表温度超60℃。大家要注意防暑降温，合理<br>
    安排户外活。</p>
  <!-- 图片及说明，这里用img标签，src可根据实际图片路径调整，若本地无图可先注释或用占位符 -->
  <img id="weatherImg" src="" alt="7月31日11时全国高温天气图">
  <p id="imgDesc">07月03日11时全国高温天气图</p>

  <script>
    // 模拟动态设置图片路径（假设从某处获取真实路径，这里简单演示）
    window.onload = function () {
      const img = document.getElementById('weatherImg');
      // 实际应用中替换成真实图片地址，比如服务器上的路径等
      img.src = 'your_real_image_path.jpg'; 
    }
  </script>
</body>
</html>